<!DOCTYPE html>
<html>

	<head>

		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<title>申请贷款列表</title>
		<meta name="keywords" content="">
		<meta name="description" content="">

		<link rel="shortcut icon" href="favicon.ico">
		<link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
		<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
		<link href="css/plugins/footable/footable.core.css" rel="stylesheet">

		<link href="css/animate.css" rel="stylesheet">
		<link href="css/style.css?v=4.1.0" rel="stylesheet">
		<link rel="stylesheet" href="css/page.css" />

		<!-- 全局js -->
		<script src="js/jquery.min.js?v=2.1.4"></script>
		<script src="js/bootstrap.min.js?v=3.3.6"></script>
		<script src="js/plugins/footable/footable.all.min.js"></script>

		<!-- 分页js -->
		<script type="text/javascript" src="js/jquery.page.js"></script>

		<!-- 自定义js -->
		<script src="js/content.js?v=1.0.0"></script>
		<script>
			$(document).ready(function() {
				$('.footable').footable();
				$('.footable2').footable();
			});
		</script>
		<script src="js/core.js"></script>
		<script src="js/channelOrderOver_list.js"></script>
	</head>

	<body class="gray-bg">

		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="row">
				<div class="col-sm-12">
					<div class="ibox float-e-margins">
						<div class="ibox-title">
							<h5>贷款完成列表</h5>
						</div>
                     <div class="ibox-content">

								<!-- 多条件搜索 -->
								<form class="form form-inline search-form-items" method="get" action="/admin.php?s=/shop/store_cate/index/store_id/3.html">
									<style>
										.form-inline .form-group {
											margin-right: 12px;
											margin-bottom: 15px;
										}
										
										.form-inline .btn {
											margin-bottom: 15px;
										}
										
										.form-group .right {
											display: inline-block;
										}
										
										@media (max-width: 768px) {
											.form-group .left {
												width: 25%;
											}
											.form-group .right {
												width: 70%;
											}
											.search-form-items .search-btn {
												width: 100%;
											}
										}
										.A_price{
											float: left;
											margin-left: 20px;
											margin-top: 22px;
										}
										.A_price span{
											display: inline-block;
											float: left;
											width: 60px;
											font-size: 14px;
											font-weight: normal;
											color: #666666;
											height: 30px;
											line-height: 30px;
										}
										.A_price text{
											display: inline-block;
											float: left;
											border: none;
											font-size: 18px;
											color: #f00;
											height: 30px;
											line-height: 30px;
										}
									</style>
									<!--
        如果选项的值是自定义数组(必须定义key为title的元素)需要解析，如果选项的值是常规字符串直接显示
        此处主要是用来给option定义更多的属性，比如data-ia=1，那么option应为
        $option = array('title' => 标题, 'data-id' => 1);
    -->
									
									<!--
        如果选项的值是自定义数组(必须定义key为title的元素)需要解析，如果选项的值是常规字符串直接显示
        此处主要是用来给option定义更多的属性，比如data-ia=1，那么option应为
        $option = array('title' => 标题, 'data-id' => 1);
    -->
									

											<div class="form-group item_create_time " style="padding-top: 10px;">
										<label class="left control-label">
                        <span>下单时间：</span>
        </label>
										<div class="right">
											<div class="input-group">
												<div class="input-group-addon"><i class="fa fa-calendar"></i></div>
												<input type="text" id="applyTime" name="applyTime" class="form-control input dateranger" value="" placeholder="下单时间">
														</div>
											<link rel="stylesheet" href="http://lyshop.demo.lingyun.net/Public/libs/bootstrap-daterangepicker/daterangepicker.css">
											<script src="http://lyshop.demo.lingyun.net/Public/libs/moment/moment.min.js"></script>
											<script src="http://lyshop.demo.lingyun.net/Public/libs/bootstrap-daterangepicker/daterangepicker.js"></script>
											<script type="text/javascript">
												$(function() {
													// 初始化日期范围插件
													$('#applyTime').daterangepicker({
														"showDropdowns": true,
														"autoApply": false,
														// "dateLimit": {
														//     "days": 365 * 100
														// },
														"linkedCalendars": false,
														"opens": 'right',
														"ranges": {
															"一周内": [
																moment().subtract(6, 'days'),
																moment()
															],
															"一月内": [
																moment().subtract(29, 'days'),
																moment()
															],
															"本月内": [
																moment().startOf('month'),
																moment().endOf('month')
															],
															"上个月": [
																moment().subtract(1, 'month').startOf('month'),
																moment().subtract(1, 'month').endOf('month')
															]
														},
														autoUpdateInput: false,
														locale: {
															format: 'YYYY-MM-DD',
															separator: ' - ',
															applyLabel: '确定',
															cancelLabel: '取消',
															fromLabel: '从',
															toLabel: '到',
															customRangeLabel: '日期范围',
															daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
															monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
															firstDay: 1
														},
														"minDate": "YYYY-MM-DD",
														"maxDate": "YYYY-MM-DD"
													}, function(start, end, label) {
														console.log("New date range selected: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + " (predefined range: " + label + ")");
													});

													$('#applyTime').on('apply.daterangepicker', function(ev, picker) {
														$(this).val(picker.startDate.format('YYYY-MM-DD') + '~' + picker.endDate.format('YYYY-MM-DD'));
													});

													$('#applyTime').on('cancel.daterangepicker', function(ev, picker) {
														$(this).val('');
													});
												})
											</script>
										</div>
									
									
									<!--<div class="input-group search-form" ">
										<span class="input-group-btn" style="padding-top: 7px;"><a class="btn btn-default search-btn" href="#applyTime" onclick="searchList();"><i class="fa fa-search"></i></a></span>
									</div>-->
							</div>

									<div class="input-group search-form"style="padding-bottom: 15px;" >
										<input type="text" name="phoneNumber" id="phoneNumber" class="search-input form-control" value="" placeholder="请输入电话号码" onkeyup="EnterSearchList();">
											</div>
									
									<div class="input-group search-form">
										<input type="text" name="userName" id="userName" class="search-input form-control" value="" placeholder="请输入姓名" onkeyup="EnterSearchList();">
										<span class="input-group-btn"><a class="btn btn-default search-btn" href="#userName" onclick="searchList();"><i class="fa fa-search"></i></a></span>
									</div>
									
									<div style="float: right;">
							
								<div class="A_price">
									<span>总金额</span>
									<text id="totalMoney"></text>
								</div>
								<div class="A_price">
        	        				<span>总人数</span>
									<text id="totalPeople"></text>
								</div>
							</div>
									
								</form>
								<!--<div><span class="input-group-btn">
                                <a  style="margin-bottom: -50px;" href="shop_add.html"  class="btn btn-sm btn-primary">新增</a>
                             </span></div>-->
							</div>
					<div class="ibox-content" style="overflow:scroll;">

							<table class="table table-stripped toggle-arrow-tiny"style="min-width: 1300px" data-page-size="14">
								<thead>
									<tr>
										<th><input type="checkbox" /></th>
										<th>ID</th>
										<th>贷款单号</th>
										<th>姓名</th>
										<th>电话号码</th>
										<th>贷款期限</th>
										<th>贷款金额</th>
										<th>应打款金额</th>
										<th>应还金额</th>										
										<th>申请借款时间</th>
										<th>分成</th>
									</tr>
								</thead>
								<tbody id="thislist">
								</tbody>
								<tbody>
									<tr>
										<td colspan="8">
											<div id="pager"></div>
										</td>
									</tr>
								</tbody>
							</table>

						</div>
					</div>
				</div>
			</div>
		</div>
		
		
		<div class="modal inmodal" id="iclouNoPwd" tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content animated bounceInRight">
					<div class="modal-header">
						<h5 class="modal-title" id="this_title" style="font-size: 20px;"></h5>
					</div>
					<div class="modal-body" style="height: 100px;">
								<div class="form-group item_title ">
									<label class="col-sm-3 control-label">
        	        	<span>icloud账号：</span>
        </label>
									<div class="col-sm-8">
										<input type="text" class="form-control input text" id="inumber" name="inumber" value="" placeholder="" required="required">
									</div>
								</div>
								<div class="form-group item_title ">
									<span>&nbsp;</span>
									<label class="col-sm-3 control-label">
        	        	<span>icloud密码：</span>
        </label>
									<div class="col-sm-8">
										<input type="text" class="form-control input text" id="ipwd" name="ipwd" value="" placeholder="" required="required">
									</div>
								</div>

					

					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-white" data-dismiss="modal" href="javascript:history.go(-1);">取消</button>
				
						<button type="button" class="btn btn-white" data-dismiss="modal" onclick="insertPwdNo();">确定</button>
					</div>
				</div>
			</div>
		</div>
		
		
		
		<div class="modal inmodal" id="iclouNoPwd1" tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content animated bounceInRight">
					<div class="modal-header">
						<h5 class="modal-title" id="this_title" style="font-size: 20px;"></h5>
					</div>
					<div class="modal-body" style="height: 100px;">
								<div class="form-group item_title ">
									<label class="col-sm-3 control-label">
        	        	<span>icloud账号：</span>
        </label>
									<div class="col-sm-8">
										<input type="text" class="form-control input text" disabled="disabled" id="inumber1" name="inumber1" value="" placeholder="" required="required">
									</div>
								</div>
								<div class="form-group item_title ">
									<span>&nbsp;</span>
									<label class="col-sm-3 control-label">
        	        	<span>icloud密码：</span>
        </label>
									<div class="col-sm-8">
										<input type="text" class="form-control input text" id="ipwd1" name="ipwd1" value="" placeholder="" required="required">
									</div>
								</div>

					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-white" data-dismiss="modal" href="javascript:history.go(-1);">取消</button>
						<span id="updateId" hidden="hidden"></span>
						<button type="button" class="btn btn-white" data-dismiss="modal" onclick="icloudUpdate();">确定</button>
					</div>
				</div>
			</div>
		</div>
		
		
	</body>

</html>